<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

</head>

<body>
	
	
	<div class="all" onclick="clickBgr()">
		<form>
			<div class="searchDetail">
				<img src="img/searchtt.gif" style="height: 17px;" /> <a
					style="color: yellow; font-size: 1.3em; font-weight: bold;">TÌM
					VIỆC LÀM</a>
				<hr />
				<div>
					<p style="margin-right: 198px">Từ khóa</p>
				</div>
				<input type="text" style="" name="" class="keySearch" /><input
					type="submit" style="" value="Tìm kiếm" class="btnSeacrh" /><br>
				<br>
				<p style="color: orange; font-weight: bold">TÌM KIẾM NÂNG CAO:</p>
				<br>
				<div style="margin-top: 5px;">
					<p style="margin-right: 70px">Loại công việc</p>
					<p style="margin-left: 27px">Nghề nghiệp</p>
					<p style="margin-left: 110px">Khu vực</p>
					<br> <select class="typeSearch"
						style="display: inline; margin: 5px 15px 0 0; padding-left:5px">
						<option>Tất cả</option>	
						<option>Bán thời gian</option>
						<option>Chính thức</option>
					</select> <input type="text" onclick="showPopup('#popup1')" id="valueText"
						style="display: inline; margin: 5px 15px 0 0;" name=""
						class="typeSearch" /> <input type="text"
						onclick="showPopup('#popup2')" id="valueText1"
						style="display: inline; margin: 5px 0 0 0;" name=""
						class="typeSearch" /><br>
				</div>
			</div>
		</form>
		<div class="search">
			<div id="popup2" class="popup">
		<div class="ecom">
			<div class="ecomTit">
				<a>Miền Nam</a>
			</div>
			
			<div style="float:left">
			<ul>

				<li class="value" onclick="selectPlace(this)">Tp.Hồ Chí Minh</li>
				<li class="value" onclick="selectPlace(this)">An Giang</li>
				<li class="value" onclick="selectPlace(this)">Bạc Liêu</li>
				<li class="value" onclick="selectPlace(this)">Bến tre</li>
				<li class="value" onclick="selectPlace(this)">Bình Dương</li>
				<li class="value" onclick="selectPlace(this)">Bình Phước</li>
				<li class="value" onclick="selectPlace(this)">Cà Mau</li>
				<li class="value" onclick="selectPlace(this)">Cần thơ</li>
				<li class="value" onclick="selectPlace(this)">Đồng Nai</li>
				
			</ul>
			</div>
			<div style="float:right; margin-right:20px;">
			<ul>

				<li class="value" onclick="selectPlace(this)">Đồng Tháp</li>
				<li class="value" onclick="selectPlace(this)">Hậu Giang</li>
				<li class="value" onclick="selectPlace(this)">Sóc Trăng</li>
				<li class="value" onclick="selectPlace(this)">Tây Ninh</li>
				<li class="value" onclick="selectPlace(this)">Tiền Giang</li>
				<li class="value" onclick="selectPlace(this)">Trà Vinh</li>
				<li class="value" onclick="selectPlace(this)">Vũng tàu</li>
				<li class="value" onclick="selectPlace(this)">Vĩnh long</li>
				
			</ul>
			</div>

		</div>
		<div class="tech">
					<div class="ecomTit">
						<a>Miền Trung</a>
					</div>
					<div style="float:left">
			<ul>

				<li class="value" onclick="selectPlace(this)">Đà Nẵng</li>
				<li class="value" onclick="selectPlace(this)">Bình Định</li>
				<li class="value" onclick="selectPlace(this)">Bình Thuận</li>
				<li class="value" onclick="selectPlace(this)">Đắk Lắk</li>
				<li class="value" onclick="selectPlace(this)">Đắk Nông</li>
				<li class="value" onclick="selectPlace(this)">Gia Lai</li>
				<li class="value" onclick="selectPlace(this)">Hà Tĩnh</li>
				<li class="value" onclick="selectPlace(this)">Khánh Hòa</li>
				<li class="value" onclick="selectPlace(this)">Kon Tum</li>
				<li class="value" onclick="selectPlace(this)">Lâm Đồng</li>				
			</ul>
			</div>
			<div style="float:right; margin-right:20px;">
			<ul>

				
				<li class="value" onclick="selectPlace(this)">Nghệ An</li>
				<li class="value" onclick="selectPlace(this)">Ninh Thuận</li>
				<li class="value" onclick="selectPlace(this)">Phú Yên</li>
				<li class="value" onclick="selectPlace(this)">Quảng Bình</li>
				<li class="value" onclick="selectPlace(this)">Quảng Nam</li>
				<li class="value" onclick="selectPlace(this)">Quảng Ngãi</li>
				<li class="value" onclick="selectPlace(this)">Quảng Trị</li>
				<li class="value" onclick="selectPlace(this)">Thanh Hóa</li>
				<li class="value" onclick="selectPlace(this)">Thừa Thiên Huế</li>
				
			</ul>
			</div>
				</div>
				<div class="diff">
					<div class="ecomTit">
						<a>Miền Băc</a>
					</div>
					<div style="float:left">
			<ul>

				<li class="value" onclick="selectPlace(this)">Hà Nội</li>
				<li class="value" onclick="selectPlace(this)">Hải Phòng</li>
				<li class="value" onclick="selectPlace(this)">Quảng Ninh</li>
				<li class="value" onclick="selectPlace(this)">Thái Nguyên</li>
				<li class="value" onclick="selectPlace(this)">Bắc Giang</li>
				<li class="value" onclick="selectPlace(this)">Bắc Kạn</li>
				<li class="value" onclick="selectPlace(this)">Bắc Ninh</li>
				<li class="value" onclick="selectPlace(this)">Cao Bằng</li>
				<li class="value" onclick="selectPlace(this)">Điện Biên</li>
				<li class="value" onclick="selectPlace(this)">Hà Giang</li>	
				<li class="value" onclick="selectPlace(this)">Hà Nam</li>
				<li class="value" onclick="selectPlace(this)">Hải Dương</li>
				<li class="value" onclick="selectPlace(this)">Hòa Bình</li>				
			</ul>
			</div>
			<div style="float:right; margin-right:20px;">
			<ul>

				
				<li class="value" onclick="selectPlace(this)">Hưng Yên</li>
				<li class="value" onclick="selectPlace(this)">Lai Châu</li>
				<li class="value" onclick="selectPlace(this)">Lạng Sơn</li>
				<li class="value" onclick="selectPlace(this)">Lào Cai</li>
				<li class="value" onclick="selectPlace(this)">Nam Định</li>
				<li class="value" onclick="selectPlace(this)">Ninh Bình</li>
				<li class="value" onclick="selectPlace(this)">Phú Thọ</li>
				<li class="value" onclick="selectPlace(this)">Sơn La</li>
				<li class="value" onclick="selectPlace(this)">Thái Bình</li>
				<li class="value" onclick="selectPlace(this)">Tuyên Quang</li>
				<li class="value" onclick="selectPlace(this)">Vĩnh Phúc</li>
				<li class="value" onclick="selectPlace(this)">Thái Bình</li>
				
			</ul>
			</div>
				</div>
	</div>
			<div id="popup1" class="popup">
				<div class="ecom">
					<div class="ecomTit">
						<a>Kinh tế</a>
					</div>
					<ul>

						<li class="value" onclick="select(this)">Bán hàng / Kinh doanh</li>
						<li class="value" onclick="select(this)">Bất động sản</li>
						<li class="value" onclick="select(this)">Kế toán / Kiểm toán</li>
						<li class="value" onclick="select(this)">Ngân hàng</li>
						<li class="value" onclick="select(this)">Tài chính</li>
						<li class="value" onclick="select(this)">Tiếp thị</li>
						<li class="value" onclick="select(this)">Chứng khoán</li>
						<li class="value" onclick="select(this)">Quản lí điều hành</li>

					</ul>

				</div>
				<div class="tech">
					<div class="ecomTit">
						<a>Kĩ thuật</a>
					</div>
					<ul>
						<li class="value" onclick="select(this)">Bán hàng / Kinh
							doanh</li>
						<li class="value" onclick="select(this)">Bất động sản</li>
						<li class="value" onclick="select(this)">Kế toán / Kiểm toán</li>
						<li class="value" onclick="select(this)">Ngân hàng</li>
						<li class="value" onclick="select(this)">Tài chính</li>
						<li class="value" onclick="select(this)">Tiếp thị</li>
						<li class="value" onclick="select(this)">Chứng khoán</li>
						<li class="value" onclick="select(this)">Quản lí điều hành</li>

					</ul>
				</div>
				<div class="diff">
					<div class="ecomTit">
						<a>Khác</a>
					</div>
					<ul>
						<li class="value" onclick="select(this)">Phát tờ rơi</li>
						<li class="value" onclick="select(this)">Tư vấn</li>
						<li class="value" onclick="select(this)">Báo chí</li>
						<li class="value" onclick="select(this)">Vận chuyển</li>
						<li class="value" onclick="select(this)">Tiếp thị</li>
						<li class="value" onclick="select(this)">Thư viện</li>
						<li class="value" onclick="select(this)">Tổ chức sự kiện</li>
						<li class="value" onclick="select(this)">Ngành khác</li>

					</ul>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="content-left">
				<div class="ttwork">
					<h3>Thông tin việc làm</h3>
					<h3 style="margin-left: 380px">Đánh giá / Chi tiết</h3>
				</div>
				<s:iterator value="list">
				<div class="work">
					<div class="workDetail">
						<s:property value="companyName"/>
						<s:property value="address"/>
						<s:property value="title"/>
						<s:property value="location"/>	
						<s:property value="description"/>
											
					</div>
					<div class="workInf">
						<s:property value="workType"/>
						<s:property value="datePosted"/>
						<s:property value="recruiter"/>
					</div>
				</div>
				</s:iterator>

				<input type="submit" class="clickmore" value="Xem thêm" />
			</div>
			<div class="content-right">
				<a href="regWork.action"><input type="submit" class="regWork"
					value="Đăng tin miễn phí" /></a> <img src="img/test.png" />
			</div>
		</div>
		<footer>
		<div class="footer"></div>
		</footer>
	</div>
</body>
</html>